

/* . 代表定义 box 样式 */

.box {

    /*内边距*/
    padding: 10px;

    /* 宽度 */
    width: 300px;

    /* 居中: 外边距: 上 右 下 左
        盒子左右设为自动之后，盒子可以实现自动居中
      */
    margin: 50px auto 0 auto;

    /* 边框 */
    border: 1px solid black;
}

/* 定义样式 */
.btn-login {

    width: 300px;

    /* 背景颜色

   取色 ： Ctrl+A    Ctrl 转换 十六进制的颜色值  */
    background-color: #FF5500;


    /*去掉边框 */
    border: none;


    /*文字颜色变白 */
    color: white;

    /* 内边距 */
    padding: 5px 0;
}








/* 登录文字 */
.login-title {

    /* 外边距 设为 0*/
    margin: 0;

    color: #FF5500;

    /* 设置文字字体大小 */
    font-size: 14px;


    /* 文字加粗: 正常加粗 */
    font-weight: normal;


    /*浮动，漂浮， 向左漂浮 */
    float: left;
}

.label {

    /* span 标签是不能设置宽度的，因为span是一个行内元素，是不能设宽高

        【解决办法】 将span转换为行内块状元素
    */

    width: 130px;

    /* 将span转换为行内块状元素 */
    display: inline-block;

}

/* 注册样式 */
.login-reg {
    /*浮动，漂浮， 向右漂浮 */
    float: right;

    /*改变字体大小样式 */
    font-size: 10px;

    /* 上、右 加上一点点内边距 */
    padding: 5px 5px 0 0;
}

.login-reg-a {
    /* 改变文字颜色 */
    color: #FF5500;

    /* 去掉下划线 */
    text-decoration: none;
}


.clearfix {
    /*清除浮动  */
    clear: both;
}















